<template>
  <div class="Con">
      <div class="Con-H">
         <p>调课日志</p>
      </div>

      <div class="Con-C">
          <el-table
      :data="tableData"
      height="100%"
      style="width: 100%">
      <el-table-column
        prop="log_id"
        label="编号"
        width="100">
      </el-table-column>
      <el-table-column
        prop="log_time"
        label="日期"
        width="180"
         sortable>
      </el-table-column>
      <el-table-column
        prop="log_content"
        label="日志内容">
      </el-table-column>
    </el-table>
      </div>
  </div>
</template>

<script>
import { axios1 } from '../network'
export default {
        data(){
          return{
            tableData:[]
          }
        },
        methods:{
          getData(){
            axios1({
              url:'/course/getAllChangeCourseLog',
              method:'post',
              headers:{ token: this.$store.state.token},
              
            }).then((res)=>{
              this.tableData=res.data.data
              //console.log(res)
            }).catch((res)=>{
             alert("请求失败！请重新登录！")
            })
          }
        },
        created(){
          this.getData()
        }
}
</script>

<style scoped>
div{
  box-sizing: border-box;
}
.Con{
  width: 98%;
  height: 98%;
  margin: auto;
  margin-top: 1%;
  box-shadow: 1px 1px 10px rgb(122, 121, 121);
  overflow: auto;
}
.Con-H{
  width: 100%;
  height: 5%;
  border-bottom: 1px solid rgb(185, 184, 184);
}
.Con-H p{
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: rgb(66, 66, 66);
}

.Con-C{
  width: 100%;
  height: 90%;
  background-color: antiquewhite;
  overflow: auto;
}
</style>